$(document).ready(function(){
    $("#cpf").autocomplete({
        source: "../control/autocompleteCliente.php",
        select: function(event, ui) {
            $('#cpf').val(ui.item.cpf).attr('readonly', true);
            $('#nome').val(ui.item.nome).attr('readonly', false);
            $('#esquadrao').val(ui.item.esquadrao).attr('readonly', false);
            $('#cartao').val(ui.item.cartao).attr('readonly', false);
            $('#telefone').val(ui.item.telefone).attr('readonly', false);
            $('#endereco').val(ui.item.endereco).attr('readonly', false);
            $('#observacao').val(ui.item.observacao).attr('readonly', false);
            return false;
        }
    }).data("uiAutocomplete")._renderItem = function(ul, item){
        return $("<li></li>")
        .data( "ui-autocomplete-item", item )
        .append( "<a>" + item.cpf + " - " + item.nome + "</a>" )
        .appendTo( ul );
    };
    $('#alterarcadastrocliente').validate({
        submitHandler: function(form) {
            $(form).ajaxSubmit(function(resposta){
                if (!resposta){
                    alert('Cadastro atualizado com sucesso!')
                    window.location.href = 'viewalterarcadastrocliente.php';
                }else{
                    alert(resposta);
                    if(resposta==="Cartão já cadastrado!"){
                        $('#cartao').clearFields().focus();
                    }
                }
            });
        },
        rules:{
            cpf:{
                required: true,
                number:true,
                cpf: 'valid'
            },
            nome: {
                required: true,
                letras: true
            },
            cartao: {
                required: true,
                number: true
            }
        },
        messages:{
            cpf:{
                required: " Campo obrigatório.",
                number: " CPF inválido.",
                cpf: " CPF inválido."
            },
            nome: {
                required: " Campo obrigatório.",
                letras: " Apenas caracteres alfabéticos."
            },
            cartao: {
                required: " Campo obrigatório.",
                number: " Apenas caracteres numéricos."
            }
        },
        highlight: function(element) { 
            $(element).addClass('erro');
        },
        unhighlight: function(element) { 
            if (this.numberOfInvalids() == 0) {
            }
            $(element).removeClass('erro');
        }

    });
    $('#voltar').on("click", function(){
        window.location.href = 'viewalterarcadastrocliente.php';
     });
});